<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>服务商小区权限列表</title>
		<link rel="stylesheet" type="text/css" href="../css/public.css" />
		<link rel="stylesheet" href="../bootstrap/dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="../css/font-awesome.min.css">
		<link rel="stylesheet" href="../css/ionicons.min.css">
		<link rel="stylesheet" href="../css/AdminLTE.min.css">
		<link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
		<link rel="stylesheet" type="text/css" href="../css/bootstrap-datetimepicker.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/public_main.css" />
		<style type="text/css">
			body #select_wuye,
			#select_village,
			#select_build,
			#select_unit {
				display: inline-block;
				/*margin-top: 5px;*/
				width: 124px;
				height: 34px;
				margin-left: 10px;
			}
		</style>

	</head>

	<body>
		<div class="box">
			<div class="box-header with-border">
				<h3 class="box-title">房屋列表 </h3>
			</div>
			<div id="mohu" class="my_feilei">
				<label for="name">物业</label>
				<select id="select_wuye" style="display: inline-block;" class="form-control">
				</select>
				<label for="name">小区</label>
				<select id="select_village" style="display: inline-block;" class="form-control">
					<option value="">请选择小区</option>
				</select>
				<label for="name">楼宇</label>
				<select id="select_build" style="display: inline-block;" class="form-control">
					<option value="">请选择楼宇</option>
				</select>
				<label for="name">单元</label>
				<select id="select_unit" style="display: inline-block;" class="form-control">
					<option value="">请选择单元</option>
				</select>
				<input type="text" name="" id="text_sousuo" value="" placeholder="请输入需要查询的内容" />
				<button id="search_chaxun" type="button" class="btn btn-success">搜索</button>
			</div>

			<!--<div class="my_feilei">-->
			<!-- /.box-header -->
			<div style="margin-top: 0px;" class="box-body">
				<table class="table table-bordered">
					<tr>
						<th>序号</th>
						<th>物业</th>
						<th>小区</th>
						<th>楼宇</th>
						<th>单元</th>
						<th>楼层</th>
						<th>房间号</th>
						<th>业主名 </th>
						<th>手机号 </th>
						<th>查看 </th>
					</tr>
					<tbody id="tbbb">
						<tr>
							<!--<td>1.</td>-->
							<th>正在加载数据...</th>
							<!--<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>
							<th>正在加载数据...</th>-->
						</tr>
					</tbody>

				</table>
			</div>
			<!-- /.box-body -->
			<div class="box-footer clearfix">
				<div>
					<s style="margin-top: 5px;">共有：</s> <span id="count"></span><s>条,每页显示13条</s>
				</div>
				<ul id='bp-3-element-test'>
				</ul>
			</div>			
		</div>

		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title" id="myModalLabel"></h4>
					</div>
					<div id="shenhe" class="modal-body">
						<ul id="myTab">
							<li>
								<a href="#fix" data-toggle="tab">
									详细信息
								</a>
							</li>
						</ul>
						<ul id="ppp">
							<div id="myTabContent" class="tab-content">
								<div class="tab-pane fade in active" id="fix">
									<li>
										<span>业主性别:</span><s id="room_sex"></s>
									</li>
									<li>
										<span>套内面积:</span><s id="room_tn"></s>
									</li>
									<li>
										<span>房屋用途:</span><s id="room_type"></s>
									</li>
									<li>
										<span>公摊面积:</span><s id="room_gt"></s>
									</li>

									<li>
										<span>建筑面积 :</span><s id="room_jz"></s>
									</li>
									<li>
										<span>固定电话 :</span><s id="room_tel"></s>
									</li>
									<li>
										<span>创建时间:</span><s id="room_date"></s>
									</li>
									<li>
										<span>备注:</span><textarea style="resize:none;" id="room_remake" disabled="disabled" name="" rows="" cols=""></textarea>
									</li>
									<li style="display: none;">
										<span>房间id:</span><s id="room_id"></s>
									</li>
								</div>
							</div>
						</ul>
					</div>
					<div class="modal-footer">
						<div class="shenhe_no">
							<button type="button" class="btn btn-default fanhui" data-dismiss="modal">返回</button>
							<button type="button" class="btn btn-info room_user">房间成员信息</button>
						</div>
					</div>
				</div>
			</div>
		</div>

	</body>

</html>
<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../bootstrap/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.slimscroll.min.js"></script>
<script src="../js/fastclick.js"></script>
<script src="../dist/js/adminlte.min.js"></script>
<script src="../dist/js/demo.js"></script>
<script src="../js/qunit-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/bootstrap-paginator.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/bootstrap-datetimepicker.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/data.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/wuye_js/houseing_list.js" type="text/javascript" charset="utf-8"></script>